<%@ page language="java" import="java.util.*,com.google.gson.*" pageEncoding="utf-8"%>
<!-- 店铺首页 -->
<!DOCTYPE html>
<html class="ui-viewport-640" lang="zh-CN" >
<head>
    <meta charset="utf-8">
	<meta name="keywords" content="Bidcms,微信商城,粉丝营销,微信商城运营" />
    <meta name="description" content="Bidcms是帮助商家在微信上搭建微信商城的平台，提供店铺、商品、订单、物流、消息和客户的管理模块，同时还提供丰富的营销应用和活动插件。" />
    <meta name="HandheldFriendly" content="True">
    <meta name="MobileOptimized" content="320">
    <meta name="format-detection" content="telephone=no">
    <meta http-equiv="cleartype" content="on">
    <!-- dns prefetch -->
    <link rel="icon" href="${webRoot}/static/v2/image/favicon.ico" />
    <title>${pagetitle}</title>
    <!-- _global -->
    <script>
	var _global =${base};
	_global.url=${url};
	_global.mp_data=${mp_data};
	_global.query_path="/show/homepage";
	_global.module="show";
	_global.controller="show_controller";
	_global.action="homepage_action";
</script>
<% 
	JsonArray dataJson = (JsonArray)request.getAttribute("dataJson");
	JsonObject jsonData1 = (JsonObject)dataJson.get(0);
	JsonObject jsonData2 = (JsonObject)dataJson.get(1);
	JsonArray background_images = (JsonArray)jsonData2.get("background_images");
	JsonObject background_image1 = (JsonObject)background_images.get(0);
%>
    <!-- meta viewport -->
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
    
    <!-- CSS -->
    <link rel="stylesheet" href="${webRoot}/static/v2/build_css/stylesheets/wap/base.css" >    
	<link rel="stylesheet" href="${webRoot}/static/v2/build_css/stylesheets/wap/projects/showcase.css" >    
	
	</head>

<body>
        <!-- container -->
    <div class="container ">
		<div class="content  js-mini-height">
			<div class="content-body">
				<div class="custom-scroll-nav js-custom-scroll-nav custom-scroll-nav-<%=jsonData2.get("nav_style").getAsString() %>" data-animate="<%=jsonData2.get("animate").getAsString() %>" data-animate-type="<%=jsonData2.get("zoom_type").getAsString() %>">
					<div id="wxcover" class="custom-scroll-nav-bg"  style="background-image: url(<%=background_image1.get("url").getAsString() %>);"></div>
					<div class="custom-scroll-nav-blur js-scroll-nav-blur"></div>
					<div class="swiper-container">
					<div class="swiper-wrapper">
					<%
						JsonArray sub_entry = (JsonArray)jsonData2.get("sub_entry");
						for(int i =0;i<sub_entry.size();i++){
							JsonObject jsonData = (JsonObject)sub_entry.get(i);
							out.write("<div class=\"swiper-slide\">");
							out.write("<a class=\"swiper-item slide-bg\" target=\"_blank\" href=\"");
							out.write(jsonData.get("link_url").getAsString());
							out.write("\" style=\"background-image: url(");
							out.write(jsonData.get("image_url").getAsString());
							out.write("\"><div class=\"swiper-item-bg\"></div><div class=\"swiper-item-name\">");
							out.write("</div><div class=\"swiper-item-con\">");
							out.write(jsonData.get("title").getAsString());
							out.write("</div><div class=\"swiper-item-con\">");
							out.write(jsonData.get("sub_title").getAsString());
							out.write("</div></a></div>");
							
						}
					 %>
						<div class="swiper-slide"><div class="swiper-item slide-bg" style="background: transparent;"></div></div>
						<div class="swiper-slide"><div class="swiper-item slide-bg" style="background: transparent;"></div></div>
					</div>
					</div>
					<div class="ui-left-btns">
					<a href="index?con=show"><i class="ui-homepage-btn"></i></a>
					</div>
				</div>
			</div>
			<%@ include  file="../../global_sidebar.jsp"%>
		</div> 

</div>

    <!-- JS -->
<script src="${webRoot}/static/v2/vendor/jquery-2.0.3.min.js" ></script>
<script src="${webRoot}/static/v2/build/wap/base.js" ></script>
<script src="${webRoot}/static/v2/build/wap/swiper/main.js" ></script>                
<script src="${webRoot}/static/v2/build/wap/showcase/base.js" ></script>
<div id="right-icon" class="icon-hide  no-border hide" data-count = "1">
<div class="right-icon-container clearfix" style="width: 50px">
<a id="global-cart" href="http://wap.koudaitong.com/v2/trade/cart?kdt_id=355963" class="no-text" style="background-image: url(http://static.koudaitong.com/v2/image/setting/shopping-cart/2x/s0.png);background-size: 50px 50px;background-position: center;">
<p class="right-icon-img"></p>
<p class="right-icon-txt">购物车</p>
</a>
</div>
</div>

<script src="${webRoot}/static/v2/build/wap/showcase/global_icon.js" ></script>

</body>
</html>